let flag = true;
let shopid = 0;
let areaid = 0;
// 二级请求索引
let index =0;
//初始化一下
Getdate(shopid,areaid);
// 上部导航栏点击
$("#areaNav li").click(function(){
    $(`#areaNav ul li:eq(${$(this).index()})`).find("span").html("<span>▲</span>")
    if($(this).index()==2)return;
    if(flag){
        $("#arfGroup").find("ul").slideDown().css("visibility","visible");
        flag=!flag;
    }else{
        // visibility: hidden;
        $("#arfGroup").find("ul").slideUp().css("visibility","hidden");
        flag=!flag;
    }
    navigationLi($(this).index());
})
// 商品店地区栏点击事件 
function clickarfGroup(nun){
    $("#arfGroup li").click(function(){
        // console.log($(this).index())
        index = $(this).index();
        if(nun==0){
            shopid = index
        }else{
            areaid = index
        }
        $(`#areaNav ul li:eq(${nun})`).html(`${$(this).html().split("=")[0]}<span>▼</span>`)
        // 更新最下面的产品列表数据
        Getdate(shopid,areaid);
    })
}
// 点击导航栏更新下面选框内容
function navigationLi(num){
    if(num==0){
        $.get("http://chst.vip:1234/api/getgsshop",function(res){
            callback2(res,num);
        })
    }
    if(num==1){
        $.get("http://chst.vip:1234/api/getgsshoparea",function(res){
            callback2(res,num);
        })
    }
}
//产品数据更新回调函数
function callback(res){
    let dateArr = res.result;
    // console.log(dateArr)
    let str ="";
    dateArr.forEach(function(item){
        str+=` <li>
                <a href="">
                    <img src="${item.productImg}" alt="">
                    <div class="group-li-text">
                        <h3>${item.productName}</h3>
                        <p>${item.productPrice}</p>
                    </div>
                </a>
            </li>`
            });
            $(".group-li").html(str);
}
// 点击导航栏更新下面选框内容 数据处理
function callback2(res,num){
    let str="";
    let dateArr = res.result;
    if(num==0){
        dateArr.forEach(function(item){
            str+=`<li>${item.shopName}</li>`
            console.log(item)
        });
    }else{
        dateArr.forEach(function(item){
            str+=`<li>${item.areaName}</li>`
            console.log(item)
        });
    }
    $("#arfGroup ul").html(str);
    clickarfGroup(num)
}  
//产品列表更新
function Getdate(shopid,areaid){
    $.get(`http://chst.vip:1234/api/getgsproduct?shopid=${shopid}&areaid=${areaid}`,function(res){
        callback(res)
    });
}